<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>

     这里将json 数据输出到页面,并实施监听代码修改，当配置好次功能后，外码修改后，服务器会自动刷新，只需要刷新页面即可，而不需要重启服务
操作步骤：
   一、创建项目

  二、
     1、打开项目目录综中的routes 目录中的index.js 文件,如下如：

          <img src="../../../images/index.js.png"/>
     2、复制这个文件中：
           router.get('/', function(req, res, next) {
           res.render('index', { title: '你好' });
           });
              这段函数代码，再放到这个方法下面：如图；

            <img src="../../../images/1index.png"/>
      3、在mockjs 官网使用说明中nodejs 部分，代码内容是：
	     var Mock = require('mockjs');
	    var data = Mock.mock({
	    'list|1-10': [{
	        'id|+1': 1
	    }]
	   });
	  console.log(JSON.stringify(data, null, 4))
          将这部分代码复制到第2步的：
             router.get('/', function(req, res, next) {
           res.render('index', { title: '你好' });
           });
           这段函数的router.get（）方法里  res.render('index', { title: '你好' });上面
            复制之后如图所示：
              <img src="../../../images/index2.png"/>

        4、在复制后的代码中的console.log(JSON.stringify(data, null, 4)) 上面一句话声明一个变量，将JSON.stringify(data, null, 4) 设为变量:
           ret=JSON.stringify(data, null, 4),
            然后   console.log(ret)
            并将res.render()方法中的title的值也设为ret,
            如下图所示：
             <img src="../../../images/index3.png"/>

  三、安装mockjs 和supervisor 到项目中：
     1,安装mockjs: cnpm install mockjs --save
     2,安装supervisor cnpm install supervisor -g

  四、 启动项目： 输入命令 supervisor ./bin/www
		  打开浏览器输入：localhost:3000\mockjs
		   此时会有json格式的数据输出到页面


       导出时运行命令：
   1、进入目录E:\gitHub\examples\nodejs\nodeServer\mockjs\2.express+supersvisor+mockjs
       2、执行启动：supervisor ./bin/www

       3、在浏览器访问的时候，需要输入localhost:3000+router.js 目录中的get()方法中的具体访问路径，例如index.js 文件配置的是
       router.get('/mockapi', function(req, res, next）{。。。}
        则访问的时候，需要输入：
         localhost:3000/mockapi

	</body>
</html>
